import React from "react";

export interface LogoProps {
  className?: string | undefined;
}

const LogoWrapper: React.FC<LogoProps & { children: React.ReactNode }> = ({
  className,
  children,
}) => (
  <svg
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
    aria-hidden="true"
  >
    {children}
  </svg>
);

export const TensorZeroSymbol: React.FC<LogoProps> = (props) => (
  <LogoWrapper {...props}>
    <circle cx="12" cy="12" r="12" fill="#FF4F00" />
    <path
      d="M16.3202 13.5729C16.3202 14.4227 16.2224 15.1778 16.027 15.838C15.8315 16.4922 15.5505 17.0424 15.1841 17.4887C14.8176 17.9411 14.3686 18.2834 13.8372 18.5158C13.3058 18.7481 12.698 18.8642 12.0139 18.8642C11.3359 18.8642 10.7282 18.7511 10.1906 18.5249C9.65311 18.2926 9.19806 17.9472 8.82546 17.4887C8.45286 17.0424 8.16883 16.4922 7.97337 15.838C7.77791 15.1778 7.68018 14.4227 7.68018 13.5729V10.4459C7.68018 9.59607 7.77791 8.84411 7.97337 8.18995C8.16883 7.52969 8.45286 6.97336 8.82546 6.52095C9.19195 6.06855 9.6409 5.72619 10.1723 5.49387C10.7098 5.25544 11.3176 5.13623 11.9956 5.13623C12.6797 5.13623 13.2875 5.25544 13.8189 5.49387C14.3564 5.72619 14.8115 6.06855 15.1841 6.52095C15.5505 6.97336 15.8315 7.52969 16.027 8.18995C16.2224 8.84411 16.3202 9.59607 16.3202 10.4459V13.5729ZM9.38435 13.2336L14.5793 9.24454C14.5305 8.80437 14.4419 8.41616 14.3136 8.07991C14.1915 7.73755 14.0235 7.45327 13.8097 7.22707C13.602 6.99475 13.3455 6.82052 13.0401 6.70436C12.7408 6.5882 12.3926 6.53012 11.9956 6.53012C11.5925 6.53012 11.2351 6.59431 10.9236 6.7227C10.6182 6.84497 10.3586 7.02532 10.1448 7.26375C9.88828 7.56331 9.69587 7.95152 9.5676 8.42838C9.44544 8.89913 9.38435 9.44629 9.38435 10.0699V12.3074C9.38435 12.4603 9.38435 12.6131 9.38435 12.766C9.38435 12.9188 9.38435 13.0747 9.38435 13.2336ZM14.616 13.9306V12.0415C14.616 11.9498 14.616 11.7756 14.616 11.5188C14.616 11.2559 14.616 11.0389 14.616 10.8677L9.43017 14.8385C9.48514 15.2847 9.58287 15.6791 9.72336 16.0214C9.86385 16.3577 10.0471 16.6358 10.2731 16.8559C10.4808 17.0638 10.7312 17.2227 11.0244 17.3328C11.3176 17.4367 11.6474 17.4887 12.0139 17.4887C12.3987 17.4887 12.7408 17.4306 13.0401 17.3144C13.3394 17.1983 13.5929 17.0302 13.8006 16.8101C14.0815 16.5105 14.2862 16.1192 14.4144 15.6363C14.5488 15.1533 14.616 14.5847 14.616 13.9306Z"
      fill="white"
    />
  </LogoWrapper>
);

export const iconComponents: Record<string, React.FC<LogoProps>> = {
  TensorZeroSymbol,
};
